<template>
  <div class="filter-container">
    <el-input v-model="listQuery.title"
        placeholder="标题"
        style="width:200px"
        class="filter-item"
        @keyup.enter.native="handleFilter"
        />
    <el-select v-model="listQuery.type"
        placeholder="类型"
        clearable
        class="filter-item"
        style="width:130px"
        >
        <el-option v-for="(item,index) of typeOptions"
            :key="index"
            :value="item.value"
        >
        </el-option>
    </el-select>
    <el-button
        class="filter-item"
        type="primary"
        icon="el-icon-search"
        @click="handleFilter"
         style="margin-left:15px"
    >搜索</el-button>
    <el-button
        class="filter-item"
        type="primary"
        icon="el-icon-edit"
        @click="handleCreate"
        style="margin-left:15px"
    >搜索</el-button>
  </div>
</template>

<script>
export default {
    name:'Filter',
    data(){
        return{
            listQuery:{
                title:undefined,
                offset:1,
                type:undefined
            },
            typeOptions:{}
        }
    },
    methods:{
        handleFilter(){

        },
        handleCreate(){

        }
    }
}
</script>

<style>
    .filter-container{
        padding: 0px 20px 20px 0px;
    }
    .filter-item{
        margin-left: 15px;
    }
</style>